<html>

	<head>
		<title>My site</title>
		<meta charset="UTF-8"/>
		<link type="text/css" rel="stylesheet" href="dist/basic/jquery.qtip.css" />
		<script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.js"></script>
		<script type="text/javascript" src="dist/basic/jquery.qtip.js"></script>
	</head>

	<body>
		
		
		<a href="#">href</a><br />
		
		<span id="demo2">中华人民共和国</span><br />
		
		<span id="demo3">demo3</span><br />
		
		<a href="#" title="title1">title1</a><br />
		
		<a href="#" title="title2">title2</a>

	</body>
	<script>
		$(function() {
			$('a').qtip({
				content: {
					text: 'My common piece of text here'
				}
			})
			
			$('#demo2').qtip({
				content: {
					text: '这是提示内容'
				}
			});
			
			$('#demo3').qtip({
				content: {
					text: '这是提示内容'
					,title:{
						text:'提示标题'
						,button:'关闭'
					}
				}
			});
			
			$("a[title]").qtip();
			
			
		})
	</script>

</html>